Creating and editing digital content works

ABSTRACT

Icons representing a library of predefined media objects for insertion in a digital content work open for editing within a content creation and editing tool may be displayed in a graphical user interface of the content creation and editing tool. Thus, the content creation and editing tool may include an interface which displays, simultaneously, a presentation view and a code view of content comprising the digital content work along with icons representing the library of predefined media objects. Computer-readable code corresponding to a selected one of the library of predefined media objects may be inserted within the digital content work at a user-specified location, e.g., responsive to user action specifying a desire to insert code. Also, an explanation of a selected one of the media objects of the library may be displayed responsive to a user action.

RELATED APPLICATIONS

This application is a NONPROVISIONAL of, claims priority to andincorporates by reference in it entirety, U.S. Provisional Application61/763,362 filed Feb. 11, 2013.

COPYRIGHT NOTICE

A portion of the disclosure of this patent document contains materialthat is subject to copyright protection. The copyright owner has noobjection to the facsimile reproduction by anyone of the patent documentor the patent disclosure, as it appears in the Patent and TrademarkOffice patent files or records, but otherwise reserves all copyrightrights whatsoever. The following notice applies to the software and dataas described below and in the drawings that form a part of thisdocument: Copyright Inkling Systems, Inc., All Rights Reserved.

FIELD OF THE INVENTION

The present invention is directed to systems and methods for creatingand editing digital content works.

BACKGROUND

Development of traditional print media and other rich content (e.g.,textbooks, travel books, magazines, cookbooks, how-to books, literature,and the like) involves many tasks, including managing the contentcreation and editing process. As print media have transitioned toelectronic media, content creators and editors have been forced toeither develop computer coding skills or rely on others with thoseskills.

SUMMARY

In various embodiments, creating and editing digital content works mayinclude displaying, in a graphical user interface of a computer-basedcontent creation and editing tool and responsive to user-input, iconsrepresenting a library of predefined media objects for insertion in adigital content work open for editing within the content creation andediting tool. The content creation and editing tool may include aninterface which displays, simultaneously, a presentation view and a codeview of content comprising the digital content work, along with iconsrepresenting the library of predefined media objects. Embodiments of theinvention may further include inserting, within the digital content workat a user-specified location, computer-readable code corresponding to aselected one of the library of predefined media objects, e.g.,responsive to user action specifying a desire to so insert the code.Such user action may be a cursor control action initiated when a cursoris positioned at the user-specified location in either of thepresentation view or code view of the digital content work. Embodimentsof the invention may further include displaying an explanation of aselected one of the media objects of the library, responsive to a useraction positioning a cursor with respect to a respective one of theicons of the library. The explanation may be presented in a popup windowand may be an example of the selected media object.

BRIEF DESCRIPTION OF THE DRAWINGS

The present invention is illustrated by way of example, and notlimitation, in the figures of the accompanying drawings, in which:

FIG. 1 illustrates an example of an editing interface for creating,editing and publishing digital content works;

FIG. 2 illustrates an example of an editing interface for creating,editing and publishing digital content works that includes a patternlibrary button in accordance with an embodiment of the presentinvention;

FIG. 3 illustrates an example of the display of a pattern library panelor pane in the editing interface, resulting from selection of thepattern library button shown in FIG. 2;

FIG. 4 illustrates user selection of a pattern library element andcorresponding changes to a displayed cursor within the editing interfacein accordance with an embodiment of the present invention;

FIG. 5, illustrates an example of the display of a selected patternlibrary element within the pattern library pane of the editinginterface, in accordance with an embodiment of the present invention.

FIG. 6 illustrates an example of a content creation and editing tool,which includes user interface tools such as those described withreference to FIGS. 2-5, and

FIG. 7 illustrates an example of a computer system within which a set ofinstructions for causing a processor to perform the methods, processes,operations, or methodologies of embodiments of the present invention maybe stored and operate.

DETAILED DESCRIPTION

Disclosed herein are systems and methods for creating and editingcontent items of digital content works. In particular, the presentinvention provides a graphical user interface with various options thatprovide users the ability to quickly review and insert predefinedcontent items in context within new or existing digital content works aspart of the content creation or editing process. These systems andmethods thus permit users with no or limited knowledge of computercoding techniques or experience with markup languages a convenient wayto assess, access and employ the content items as part of a contentcreation or editing process.

By “content items” we mean objects that may be formatted according to avariety of computer-readable or interpretable formats, as described morefully below. In some instances, content items may be instantiations ofmarkup language objects, e.g., extensible markup language (“XML”)objects, hypertext markup language (“HTML”) objects, or the like, whichcan be inserted directly into containers such as “cards” or “mediacards”. These cards may be predefined templates for digital contentworks that include, among other things, one or more text sections, oneor more image sections, image captions, and header sections, allarranged in a desired order. A collection of related cards may form adigital content work, for example an electronic book, magazine, article,etc., or a portion thereof, e.g., a section or chapter thereof, etc.

In U.S. patent application Ser. No. 13/711,583, filed 11 Dec. 2012,which application is assigned to the assignee of the present inventionand incorporated herein by reference, systems and methods for creating,editing and publishing digital content works are described. Included inthe system are WYSIWYG (What You See Is What You Get) editors of thekind illustrated in FIG. 1, which are editing interfaces 100 in whichthe content displayed on the screen during editing appears in apresentation panel 110 form closely corresponding to its appearance in atarget rendering environment (e.g., a Web browser, reader application,mobile device web browser, etc.). The content viewing and editing toolsare further configured to permit users to edit a digital content work bydirectly editing the source code thereof in a code panel 120. This maybe referred to as “code mode” editing.

Within this editing tool, as edits are made to the source code in panel120, the effect of those edits are rendered in real time in therepresentation of the digital content work shown in panel 110. This formof direct source code editing allows for editing at a very granularlevel. To assist the user in finding the exact spot which he/she wishesto edit, a focus mode is available: By clicking on an clement in thepresentation panel 110, a cursor will advance to the relevant positionwithin the code in the code panel 120. Of course, some edits are bestperformed without code, so the WYSIWYG edit modes for objects such asimage figures, slideshows and video elements are also available.

While useful for users that understand HTML code and are comfortableworking directly on such code, interface 100 may not be suitable forusers that have little or no familiarity with HTML code or coding. Toaddress this issue, the present invention provides a predefined libraryof content elements (such as predefined HTML/CSS elements) that can beinserted directly into media cards that may or may not include existingcontent. The predefined objects may be system-supplied or customized byexpert users. The library is accessible through a graphical userinterface 200, examples of which are illustrated in FIGS. 2-5.

In FIG. 2, a pattern library button 210 has been added to the interface.Selecting the button will result in the display of the pattern library220 in a pattern library panel 225, as shown in FIG. 3. The patternlibrary 220 is a list of patterns, each illustrated by a graphicalelement, available to the user. Each pattern defines a markup languageobject that may or may not have user-specifiable configuration options.For example, images may be full- or half-width, lists may be indexednumerically or alphabetically, etc. Some (or all) of the markup languageobjects may include semantic metadata describing respective contentincluded within the objects in terms of its substance rather than itsform or appearance. The patterns are thus customizable snippets ofHTML/CSS code, useful for quickly defining portions of a digital contentwork. Examples of patterns include sections, section side notes, blockquotes, paragraphs, headings (of various rank), tables, lists (orderedand unordered), figure placeholders (with various sizings and textflows), image placeholders, callout boxes, etc. The list of availablepatterns may also be configurable to allow expert users on a team todefine patterns for other team members in a custom fashion. Of course,the particular pattern library provided to a user may depend upon thedigital content work being edited or created and/or the user'spermissions and preferences.

With the pattern library panel 225 open, a user may explore the patternlibrary by hovering a cursor over an individual pattern library element.In response, a popup window 230 is displayed. Included within the popupwindow is an explanation of the corresponding pattern library element.

As shown in FIG. 4, when the user selects a pattern library element 240,the user's cursor 250 changes so that it is represented by an icon, suchas a circle with a plus sign element included therein. Next to thecursor is an icon reminiscent of the selected pattern library element.In the illustrated example, the user has selected an unordered listelement from the pattern library, hence, the cursor is now representedas a green circle with a plus sign therein and adjacent to the cursor isprovided an icon representing an unordered list element. The selectedpattern library element can be placed into the digital content work bypositioning the cursor at the desired location within the presentationpane 110 and clicking Alternatively, a user could position the cursorwithin the source code of the digital content work displayed in the codepane 120 and perform the insertion action. In either instance, theportion of the digital content work 260, 270 below which the new patternlibrary element will be inserted is highlighted so that the user canproperly locate the insertion point. In other embodiments, the patternlibrary element may be inserted above the highlighted block. In stillfurther embodiments, drag and drop operations may be supported and theuser may simply select a pattern library element from the patternlibrary pane and drag and drop it into position within the other contentof the digital content work.

After insertion, the added pattern library element may remainhighlighted for a time in order to provide the user visual confirmationthat the addition of the pattern library element has been completed andthe element is in the desired location. If the element needs to be movedto a different location it can be selected (in either the presentationpane or the code pane) and dragged to the new location.

If the user has selected the wrong pattern library element from thepattern library, clicking again on the pattern library element icon inthe pattern library pane will deselect it. Further, if multipleinstances of a particular pattern library element are to be inserted,the user may double-click the desired pattern library element icon inthe pattern library pane and continue to insert instances of such anelement into the digital content work in the fashion described aboveuntil the pattern library element is deselected.

For some users, the iconic representation of the pattern library elementand/or the brief explanation thereof provided in a popup window may notbe sufficient to fully convey the nature of a particular pattern libraryelement. So, selecting a pattern library element may, in someembodiments, result in the display of an example of such an elementwithin the pattern library pane, as shown in FIG. 5. In the illustratedexample, the user has selected an icon corresponding to a callout boxpattern library element and an example of such a callout box 280 isdisplayed. The example is complete with all of the attributes of thepattern library element, including a header, a reserved portion for thecontent to be included in the callout box, one or more captionstherefor, and placeholders (e.g., Lorem Ipsum text) for text to describethe material to be included in the callout box. Other pattern libraryelements have similar examples of their form, function and appearanceavailable for display as part of the pattern library.

The present invention thus allows for insertion of predefined mediaobjects within digital content works. By using the predefined mediaobjects, commonality of the code describing the media objects ispreserved across the digital content work. By precluding direct editingof the library elements within the presentation pane, this good codingpractice is preserved. The modality provided by the present invention isone of WYSIWYM (what you see is what you mean) rather than WYSIWYG (whatyou see is what you get). That is, by providing the user only limitedcreative exploitation of the pattern library elements, the presentinvention ensures that uniformity of coding practices are preservedacross the entire digital content work.

Digital content works such as those described herein may contain one ormore text, graphic, audio, visual, and/or audiovisual elements. In someexamples, the digital content works may comprise one or more electronictextbooks, electronic pamphlets, electronic workbooks, electronicdocuments, e-books, and the like. Digital content works may be storedaccording to any number of or combination of electronic formatsincluding markup language files (e.g., extensible markup language (XML),hypertext markup language (HTML), etc.) Portable Document Format (PDF),ePub (electronic publication—a free and open e-book standard by theInternational Digital Publishing Forum), Cascading Style Sheets (CSS),and the like), graphics interchange format (GIF), portable networkgraphics (PNG), joint photographic experts group format (JPEG),exchangeable image file format (EXIF), tagged image file format (TIFF),raw format, bitmap (bmp), scalable vector graphics (SVG), postscript(PS), portable document format (PDF), shockwave flash (SWF), WaveformAudio File Format (WAV) format, Motion Picture Experts Group (MPEG) I,II, III, IV, Apple lossless (m4a), and the like. A digital content workmay be one or more pieces, or “portions” of digital content work thatmay be organized into a coherent whole. The term digital content workmay thus be used to refer to both a portion of a digital content work orthe entire digital content work.

In some embodiments, systems configured in accordance with the presentinvention includes a content creation module that provides contentcontributors a set of content viewing and editing tools to create adigital content work. These content viewing and editing tools mayinclude tools configured to provide representations of the digitalcontent work to facilitate the content creation and editing operationsdescribed herein. The system may also include a publication module forproducing a plurality of target platform-dependent representations ofthe digital content work from a target platform-independentrepresentation of the digital content work. Each targetplatform-dependent representation may be for display on a respective oneof the plurality of target devices or media. To facilitate suchpublication, the publication module may be provided profiles for eachtarget device or medium, said profiles specifying capabilities of therespective target device or medium. The target platform-dependentrepresentations of the digital content work are created so as to becompliant with profile-specified capabilities of the respective targetdevice or medium. In some instances, the publication process includesaltering the behavior or appearance of media objects, changing thelayout of the text (e.g., based upon available screen resolution of thetarget device), selecting or reformatting images, video or audio to workwith the target device, etc.

FIG. 6 illustrates an example of a content creation and editing tool1000, which may include user interface tools such as those describedabove. The various components of the system 1000 may be connected toeach other directly or through a network. For example, one or morecontent creators 1010 and one or more content editors 1020 or othercontributors may utilize computing devices to interface with the system1000 through network 1030. Network 1030 may include any electronicnetwork that allows content creators 1010 and content editors 1020 toaccess the components of the system 1000. For example, one or moreportions of network 1030, or network 1105 (which may be the same ordifferent network as network 1030) may be an ad hoc network, anintranet, an extranet, a virtual private network (VPN), a local areanetwork (LAN), a wireless LAN (WLAN), a wide area network (WAN), awireless WAN (WWAN), a metropolitan area network (MAN), a portion of theInternet, a portion of the Public Switched Telephone Network (PSTN), acellular telephone network, another type of network, or a combination oftwo or more such networks, or the like. While certain components of FIG.6 may be shown as directly connected, they may also be connected througha network, such as a network similar to networks 1030 and 1105. Forexample, asset management component 1050, content management component1060, defect tracking component 1070, quality assessment component 1080,project management component 1085, publishing pipeline 1090, electronicstore 1100, and integration component 1040 may be connected directly,through a network, or through a combination of direct or networkconnections. Furthermore, while each component is logically separatedfrom the other components for convenient description, it should berecognized that some or all of the functionality of one component mightbe performed by a different component.

Integration component 1040 may be a network-addressable component, whichmay provide a user interface that allows contributors, including contentcreators 1010 and content editors 1020, to interface with the rest ofthe system. In some examples, the interface may be a graphical userinterface (GUI) that may allow content editors 1020 or othercontributors to view, edit, and manage various portions of electroniccontent in the manners described above, e.g., using content tools 1045.Thus, content tools 1045 may include editing interfaces in which thecontent displayed on the screen includes preview images captured so thatthe cards, which the previews represent, appear in a form closelycorresponding to their appearance in the target rendering environment,and according to user-specified criteria. Integration component 1040 mayalso facilitate communication between other various components of thesystem 1000. For example, integration component 1040 may direct one ormore of the other components to take some action, communicate withanother component, relay information between components, or the like.

In one example, integration component 1040 may be located on one or morecomputer systems accessible by content creators 1010 and content editors1020 through network 1030. In yet other examples, integration component1040 may be locally executable on computer terminals of contributorssuch as content creators 1010 and editors 1020 and may utilize network1030 to access the other components of the system 1000. In yet otherexamples, integration component 1040 may include components executableon both the computer terminals of content creators 1010 and editors 1020as well as pieces accessible and executing on a remote server accessibleover network 1030.

In some examples, integration component 1040 may interface with assetmanagement component 1050 in order to facilitate the presentation of theelectronic content work from a number of content portions. Contentportions may be any audio, visual, audiovisual, text, or other contentthat is intended to be merged with other content portions into anelectronic content work. Content portions may also be referred to as“assets.” Asset management component 1050 may be a network-addressablecomponent, which, in conjunction with integration component 1040, mayallow for the management of the content creation process by managing thesubmission, modification, and integration of various component portionsof the electronic content. This creation management process may includeindexing and tracking submitted components, identifying missing content,assigning sections of missing content to one or more contributors, andmanaging the integration of submitted content into a complete or nearlycomplete version of the electronic content work. In some examples, theasset management component 1050 may implement version tracking to trackchanges made to the component content portions.

Once the contributors are satisfied with the draft of the electronicwork, the work may be submitted to the content management component1060. In some examples, defect tracking through the defect-trackingcomponent 1070 may also begin. Integration component 1040 may thencoordinate the delivery of the content from the asset managementcomponent 1050 to the content management component 1060 (if necessary),coordinate starting of the version control of the work as a whole (insome examples, versions may be managed on the content portions and thework as a whole simultaneously), and coordinate starting the defecttracking process. Editors 1020 or other contributors may then beginediting the electronic content, for example using the user interfacetools described above.

Defect tracking component 1070 may be a network-addressable component,which, in conjunction with integration component 1040, may includetools, which allow users to open defects, track defects, fix defects,and close defects found in electronic content. For example, an editormay be reviewing the content through content tools 1045 and may opendefects by selecting or otherwise indicating the defect in the contentitself and entering information about what is defective. Content tools1045 may then pass this information to the defect-tracking component,which may open a defect. In other examples, defects may be opened by thequality assessment (QA) component 1080 as a result of automatic contentchecks performed by the quality assessment component 1080. The QAcomponent may send a message to the defect-tracking component 1070 withinformation on the defect, and the defect-tracking component 1070 mayopen the defect.

In some examples, user access control may be implemented through variouspermission-based rules. In one example, users (e.g., contributors) maybelong to one or more groups of users and content may be organized intoone or more groups. User groups may be given access to one or morecontent groups. Each user group may have one or more users, and eachcontent group may have one or more content portions. In other examples,each user is individually given access to various portions of content orgroups of portions of content. A user or group of users may be grantedread, write, delete, or other access types to a portion of the contentor a content group.

In some examples, integration component 1040 also includes a devicesimulator, which may provide the previews described herein. Since theelectronic content may be targeted to multiple and disparate electronicdevice platforms, and since the content may not be rendered identicallyacross disparate electronic device platforms, integration component 1040may include a device simulator which allows the contributor to build thecontent locally (or allows integration component 1040 to interface withthe publishing pipeline 1090 to build the content) for the particulardesired target electronic device and through an emulator running in thesystem preview how the content will look and react to input and otherstimuli. The emulator emulates the environment of the target electronicdevice so the contributor will have an accurate representation of howthe electronic content performs on the target electronic device.

Project management component 1085 may be a network-addressable componentand may integrate with integration component 1040 or other components ofsystem 1000 to control and store data related to project management ofone or more electronic works. Once the content is ready for publication,one or more of the contributors may publish the electronic content work.Publication (or “building” the content) is a process by which a formatindependent representation of the content is transformed into a formatdependent representation of the content. For example, the content may becustomized for a particular client device (e.g., an iPAD). This processmay be done through the integration component 1040, and the publishingpipeline 1090 may build content. Once the electronic content has beenbuilt by the publishing pipeline 1090, the publishing pipeline maydistribute the published content, for example by interfacing with theelectronic store 1100, which may then make the content available fordownload by an end-user 1110 on an electronic device over a network1105.

The various operations of example methods described herein may beperformed, at least partially, by one or more processors that aretemporarily configured (e.g., by software) or permanently configured toperform the relevant operations. An example of a processor based systemsuitable for such configuration and operation is shown in FIG. 6. Inother examples, however, the methods described herein may be at leastpartially performed by processors deployed across a number of machines,e.g., in a “cloud computing” environment or as “software as a service”(SaaS). For example, at least some of the operations may be performed bya group of computers (as examples of machines including processors),these operations being accessible via a network (e.g., the Internet) andvia one or more appropriate interfaces (e.g., Application ProgramInterfaces (APIs).)

Computer system 10000, shown in FIG. 7, within which a set ofinstructions for causing the machine to perform any one or more of themethods, processes, operations, or methodologies discussed herein mayoperate as a stand-alone device or may be connected (e.g., networked) toother machines. In a networked deployment, the machine may operate inthe capacity of a server or a client machine in server-client networkenvironment, or as a peer machine in a peer-to-peer (or distributed)network environment. Various instantiations of computer system 10000 maybe servers or clients.

The example computer system 10000 includes a processor 10002 (e.g., aCentral Processing Unit (CPU), a Graphics Processing Unit (GPU) orboth), a main memory 10001 and a static memory 10006, which communicatewith each other via a bus 10008. The computer system 10000 may furtherinclude a video display unit 10010 (e.g., a Liquid Crystal Display (LCD)or a Cathode Ray Tube (CRT)). The computer system 10000 also includes analphanumeric input device 10012 (e.g., a keyboard), a User Interface(UI) cursor controller 10014 (e.g., a mouse), a disk drive unit 10016, asignal generation device 10018 (e.g., a speaker) and a network interfacedevice 10020 (e.g., a transmitter).

The disk drive unit 10016 includes a machine-readable medium 10022 onwhich is stored one or more sets of instructions 10024 and datastructures (e.g., software) embodying or used by any one or more of themethodologies or functions illustrated herein. The software may alsoreside, completely or at least partially, within the main memory 10001and/or within the processor 10002 during execution thereof by thecomputer system 10000, the main memory 10001 and the processor 10002also constituting machine-readable media.

The instructions 10024 may further be transmitted or received over anetwork 10026 via the network interface device 10020 using any one of anumber of well-known transfer protocols (e.g., HTTP, Session InitiationProtocol (SIP)).

The term “machine-readable medium” should be taken to include a singlemedium or multiple media (e.g., a centralized or distributed database,and/or associated caches and servers) that store the one or more sets ofinstructions. The term “machine-readable medium” shall also be taken toinclude any medium that is capable of storing, encoding, or carrying aset of instructions for execution by the machine and that cause themachine to perform any of the one or more of the methodologiesillustrated herein. The term “machine-readable medium” shall accordinglybe taken to include, but not be limited to, solid-state memories, andoptical and magnetic medium.

Method embodiments illustrated herein may be computer-implemented. Someembodiments may include computer-readable media encoded with a computerprogram (e.g., software), which includes instructions operable to causean electronic device to perform methods of various embodiments. Asoftware implementation (or computer-implemented method) may includemicrocode, assembly language code, or a higher-level language code,which further may include computer readable instructions for performingvarious methods. The code may form portions of computer programproducts. Further, the code may be tangibly stored on one or morevolatile or non-volatile computer-readable media during execution or atother times. These computer-readable media may include, but are notlimited to, hard disks, removable magnetic disks, removable opticaldisks (e.g., compact disks and digital video disks), magnetic cassettes,memory cards or sticks, Random Access Memories (RAMs), Read OnlyMemories (ROMs), and the like.

Thus, systems and methods for creating and editing digital content workshave been described.

What is claimed is:
 1. A computer-implemented method, comprisingdisplaying, responsive to user-input and in a graphical user interfaceof a computer-based content creation and editing tool, a presentationview of content comprising the digital content work; a code view of thecontent comprising the digital content work displayed in thepresentation view; and a plurality of icons representing a library ofpredefined media objects for insertion in the portion of the digitalcontent work open for editing within the presentation view and code viewof the content creation and editing tool, wherein the digital contentwork comprises a collection of media cards, and one or more of thepredefined media objects each comprise a user-customizable markuplanguage object.
 2. The method of claim 1, further comprising insertingwithin the digital content work, at a user-specified location,computer-readable code corresponding to a selected one of the library ofpredefined media objects responsive to user action specifying a desireto so insert the code.
 3. The method of claim 3, wherein the user actioncomprises a cursor control action initiated when a cursor is positionedat the user-specified location in either of the presentation view orcode view of the digital content work.
 4. The method of claim 1, furthercomprising displaying an explanation of a selected one of the mediaobjects of the library responsive to a user action positioning a cursorwith respect to a respective one of the icons of the library.
 5. Themethod of claim 5, wherein the explanation is presented in a popupwindow.
 6. The method of claim 5 wherein the explanation comprises anexample of the selected media object.
 7. A graphical user interface(GUI) for a computer-based content creation and editing tool, the GUIcomprising: a first panel for displaying a presentation view of contentcomprising the digital content work, a second panel for displaying acode view of the content displayed in the presentation view, and aselectable third panel including elements representing a library ofpredefined media objects for insertion into the digital content work byuser cursor action of dragging and dropping a selected one of thepredefined media objects into either of the presentation view or thecode view.
 8. The GUI of claim 8, wherein the digital content workcomprises a collection of media cards and the predefined media objectseach comprise a markup language object.
 9. The GUI of claim 9, whereinone or more of the markup language objects have user-specifiableconfiguration options.
 10. The GUI of claim 9, wherein one or more ofthe markup language objects include semantic metadata describingrespective content included within a respective object in terms of therespective object's substance rather than its form or appearance. 11.The GUI of claim 9, wherein the markup language objects include one ormore of: sections, section side notes, block quotes, paragraphs,headings (of various rank), tables, lists (ordered and unordered),figure placeholders (with various sizings and text flows), imageplaceholders, and callout boxes.
 12. The GUI of claim 9, wherein one ormore of the markup language objects are user customizable.
 13. The GUIof claim 9, wherein the GUI is configured so as to display a popupwindow including an explanation of a corresponding element of thelibrary in response to a cursor hover over the corresponding libraryelement.
 14. The GUI of claim 9, wherein the GUI is configured todisplay a cursor as an icon corresponding to a selected one of thelibrary elements upon user selection of the corresponding libraryelement.
 15. The GUI of claim 9, wherein the GUI is further configuredto display next to a cursor, an icon reminiscent of a selected one ofthe library elements upon user selection of the corresponding libraryelement.
 16. The GUI of claim 9, wherein a portion of the digitalcontent work below which a selected library element will be inserted ishighlighted in both the code view and the presentation view to permituser location of an insertion point.
 17. The GUI of claim 9, whereinafter insertion of one of the library elements in the digital contentwork represented in the code view or the presentation view, the libraryelement remain highlighted in the code view and the presentation viewfor a period of time in order to provide the user visual confirmationthat addition of the library element has been completed.
 18. The GUI ofclaim 9, wherein the GUI is configured to permit dragging of an insertedlibrary element to a location other than an original insertion locationof the library element in either the presentation view or the code view.19. The GUI of claim 9, wherein the GUI is configured to display of anexample of a selected library element within the third panel upon userselection of the library element.